@import "var.less";
.publicTable{
    padding: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    background-color: #fff;
    font-size: 14px;
    .el-scrollbar{
        height: 100%; 
    }
    .head_table{
        tr{
            background-color: #f8f8f8;
            height: 38px;
            line-height: 38px;
            td{
                padding:6px 0.5%;
                vertical-align: middle;
                overflow: hidden;
                max-width: 130px;
                word-wrap:break-word;
                word-break:break-all; 
                text-align: center;
                font-size: 13px;
            }
            .article_left{
                text-align: left;
            }
        }
    }
    .content_table{
        .el-checkbox__label{
            display: none;
        }
        tr{
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            &:nth-child(even){
                background-color: #f8f8f8;
            }
            &:hover{
                background-color: #eee;
            }
            td{
                .pushapp{
                    color: #ccc;
                    margin-right: 10px;
                }
                padding:15px 0.5%;
                vertical-align: middle;
                overflow: hidden;
                max-width: 130px;
                word-wrap:break-word;
                word-break:break-all; 
                text-align: center;
                font-size: 13px;
                .el-tooltip{
                    border: none;
                    background: none;
                    text-align: left;
                    padding: 0;
                }
                .active{
                    color: #009ea3;
                    cursor: pointer;
                }
                .green{
                    color: #67c23a;
                }
                .yellow{
                    color: #e6a23c;
                }
                img{
                    max-width: 80px;
                }
                .tdimg{
                    width: 80px;
                }
            }
            .operation{
                span,a{
                    margin-left: 10px;
                }
            }
        }
        .article_left{
            text-align: left;
        }
    }
}
.tableSibiling{
    background-color: #d1d1d1;
    padding: 10px 15px;
    margin: 20px 20px 0;
    .draftsCount{
        font-style: normal;
        margin-left: 5px;
        font-weight: 700;
    }
}
.main{
    margin-left: 160px;
    background: #f9f9f9;
    padding-top: 100px;
    .screen{
        background: #fff;
        height: 72px;
        border-bottom: 1px solid #dcdfe6;
        padding-top: 22px;
        padding-left: 20px;
        div{
            width: 78px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            background: #0db4b9;
            cursor: pointer;
            color: #ffffff;
            border-radius: 4px;
            margin-right: 10px;
            font-size: 14px;
        }
    }
}
.main-mains-top{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #666666;
    background: #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 24px;
    .item{
        float: left;
        margin-right: 20px;
        cursor: pointer;
        color: #999;
        &:hover{
            color: #2d2d2d;
        }
        &.active{
            color: #009ea3;
            &:hover{
                color: #009ea3;
            }
        }
    }
    .goBack{
        margin-left: 20px;
    }
}
.main-returns{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdfe6;
    margin-bottom: 20px;
    color: #202020;
    span,i{
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }
}
.system-menban{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
.systemPopup{ 
    position: fixed;
    background: #fff;
    color: #666;
    font-size: 14px;
    border-radius: 4px;
    left: 50%;
    top: 220px;
    transform: translate(-50%,0);
    z-index: 20;
    overflow: hidden;
    .el-scrollbar__wrap{
        max-height: 450px;
    }
    .systemPopupInner{
        max-height: 500px;
    }
    .topTitle{
        height: 44px;
        line-height: 44px;
        color: #202020;
        padding: 0 20px;
        background: #fafafa;
        border-bottom: 1px solid @borderdcdfe6;
        i{
            font-size: 20px;
            color: #b5b5b5;
            margin-top: 12px;
            cursor: pointer;
            .fr;
        }
    }
    .systemPopup-con{
        width: 534px;
        padding: 30px 40px;
        .systemPopup-cons{
            height: 40px;
            line-height: 40px;
            margin-bottom: 26px;
            input{
                outline: none;
                padding: 0 10px;
                border-radius: 4px;
                height: 36px;
                line-height: 36px;
            }
            div{
                &:nth-child(1){
                    width: 95px;
                    text-align: right;
                    margin-right: 10px;
                }
            }
            .sel{
                width: 348px;
                div{
                    width: 100%;
                }
            }
        }
    }
    .systemPopup-btn{
        padding-left:105px;
        div{
            width: 90px;
            height: 32px;
            border-radius: 4px;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
            color: #fff;
            background: #009ea3;
            cursor: pointer;
            &:nth-child(2){
                background: #fff;
                border: 1px solid #dcdfe6;
                color: #666666;
                margin-left: 10px;
            }
        }
    }
}
.orderBotom{
    margin-top: 40px;
    background-color: #eeeeee;
    height: 46px;
    padding:0 30px;
    .orderBotomLeft{
        .fl;
        line-height: 46px;
        .reverseSelected,.deleteSelected{
            color: @color0db4b9;
            margin-left: 15px;
            cursor: pointer;
        }
    }
    .orderBotomRight{
        .fr;
        margin-top: 8px;
    }
}
.nodataTip{
    width: 100%;
    height: 450px;
    text-align: center;
    padding-top:120px;
    background-color: #fff;
    i{
        font-size: 120px;
        color: #888;
    }
    h5{
        height: 40px;
        color: #888;
        margin-top: 20px;
    }
}
.dialogNodataTip{
    width: 100%;
    height: 100px;
    text-align: center;
    background-color: #fff;
    i{
        font-size: 50px;
        color: #888;
    }
    h5{
        height: 40px;
        color: #888;
        margin-top: 20px;
    }
}
.main-top-nav{
    margin-top: 30px;
    height: 48px;
    line-height: 48px;
    color: #333333;
    font-size: 14px;
    background: #eeeeee;
    ul{
        li{
            float: left;
            padding: 0 20px;
            height: 47px;
            color: #333333;
            a{
                color: #333333;
            }
        }
        .active{
            color: #1d3a3b;
            border-bottom: 2px solid #02a1a6;
            font-weight: bold;
            color: #009ea3;
        }
    } 
}
.main-meeting{
    padding-left: 100px;
    .main-meetings{
        .main-meetings-l{
            .fl;
            height: 40px;
            line-height: 40px;
            width: 200px;
            text-align: right;
            padding-right: 10px;
        }
        .main-meetings-dec{
            padding-top: 10px;
        }
        .main-meetings-times{
            height: 40px;
            line-height: 40px;
        }
        .main-meetings-score{
            .main-meetings-scores{
                margin-top: 10px;
            }
            .main-meetings-txt{    
                margin: 0 10px;
            }
            .integral-ratio{
                display: inline-block;
                width: 60px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                background: #009ea3;
                color: #fff;
                border-radius: 5px;
                margin-left: 10px;
                cursor: pointer;
            }
            .el-input ,.el-input__inner{
                width: 120px!important;
            }
        }
        .el-input__inner{
            width: 348px!important;
        }
        .el-textarea__inner{
            width: 348px!important;
            height: 100px;
        }
        margin-top: 20px;
        .el-input{
            width: 348px;
            height: 36px;
        }
        .el-checkbox-group{
            margin-top: 10px;
        }
        .main-meetings-img{
            img{
                max-width: 200px;
            }
            video{
                max-width: 200px;
            }
            span{
                font-size: 12px;
                margin-top: 10px;
                display: inline-block;
            }
        }
        .meetings-radio {
            margin-top: 10px;
          }
          .main-meetings-txt{
              margin-top: 15px;
              display: inline-block;
              color: #999;
          }
          .main-meetings-width{
              max-width: 1000px;
              .main-meetings-widths{
                  width: 400px;
                  margin-bottom: 10px;
                  .userName{
                      width: 50px;
                      display: inline-block;

                  }
                  span{
                      margin-right: 10px;
                  }
                  span.remove{
                    display: inline-block;
                    width: 40px;
                    height: 20px;
                    text-align: center;
                    line-height: 20px;
                    background: red;
                    color: #fff;
                    cursor: pointer;
                    border-radius: 5px;
                    margin-left: 10px;
                  }
                  .el-input{
                    width: 80px;
                    .el-input__inner{
                        width: 80px!important;
                    }
                }
              }
              .main-meetings-user{
                  margin-bottom: 30px;
                  font-size: 14px;
                  label{
                      width: 100px;
                  }
                  .el-input{
                      width: 80px;
                      .el-input__inner{
                          width: 80px!important;
                      }
                  }
              }
          }
          .main-meetings-lists{
              max-width: 600px;
              margin-top: 10px;
              div{
                margin-right: 20px;
                margin-bottom: 20px;
                span{
                    display: inline-block;
                    width: 40px;
                    height: 20px;
                    text-align: center;
                    line-height: 20px;
                    background: red;
                    color: #fff;
                    cursor: pointer;
                    border-radius: 5px;
                }
              }
              
          }
        .main-btns{
            width: 78px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            background: #0db4b9;
            cursor: pointer;
            color: #ffffff;
            border-radius: 4px;
            margin-right: 10px;
            font-size: 14px;
        }
    }
}
.bannerContent{
    .rightContent {
        margin-bottom: 15px;
        float: left;
        img {
          max-width: 200px;
       
        }
        .chooseBanner {
          width: 103px;
          height: 36px;
          line-height: 36px;
          border-radius: 4px;
          border: 1px solid #dcdfe6;
          text-align: center;
          display: block;
          cursor: pointer;
        }
        .vue-cropper {
          width: 434px;
          height: 168px;
          .cropper-box {
            background-color: #c5dfe0;
          }
        }
        .el-input {
          width: 433px;
        }
      }
}
.withdrawal-mar{
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.withdrawal-total{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #009ea3;
    text-align: center;
    p{
        &:nth-child(1){
            margin-top: 50px;
            font-size: 20px;
        }
    }
    
}
.addBannerPupup {
    .el-checkbox-group {
      margin-top: 5px;
    }
    width: 675px;
    padding: 30px 0 40px;
    color: #666;
    .bannerContent {
      .leftTitle {
        width: 132px;
        text-align: right;
        height: 36px;
        line-height: 36px;
        margin-right: 15px;
        float: left;
      }
      .el-radio {
        margin-top: 10px;
      }
    }
    .system-messagebox1-btn {
      text-align: left;
      padding-left: 147px;
      div {
        width: 90px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        display: inline-block;
        border-radius: 4px;
        cursor: pointer;
        &:nth-child(1) {
          background: #009ea3;
          color: #fff;
          margin-right: 10px;
        }
        &:nth-child(2) {
          border: 1px solid #dcdfe6;
        }
      }
    }
  }
  .user-infos{
      font-size: 16px;
      .user-infos-l{
          width: 25%;
          margin-top: 20px;
      }
  }
  .questions-details{
      .questions-details-top{
          padding: 30px 0 10px;
          font-size: 16px;
          border-bottom: 1px solid #ccc;
      }
  }
  .questions-details-list{
      ul{
          li{
              padding: 20px 0 ;
              .questions-details-title{
                  height: 24px;
                  line-height: 24px;
                  font-size: 16px;
                  .el-icon-circle-check{
                      color: #009ea3;
                      margin-right: 10px;
                  }
              }
              .questions-details-lists{
                  padding: 5px 0 ;
              }
              .questions-details-lists-error{
                  color: red;
              }
          }
      }
  }
  #textareas{
      display: none;
  }